<template>
  <van-tabbar v-model="active" fixed :zIndex="100" active-color="#ff6457" route>
    <van-tabbar-item icon="home-o" title to="/home">首页</van-tabbar-item>
    <van-tabbar-item icon='gem-o' to="/finance">金融</van-tabbar-item>
    <van-tabbar-item icon="bag-o" to="/product">产品</van-tabbar-item>
    <van-tabbar-item icon="friends-o" to="/mine">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script type="text/ecmascript-6">
export default {
  //接收父级传递的参数
  props: [],
  //监听数据变化
  watch: {},
  data() {
    return {
      active: 0
    };
  },
  //实例初始化之前触发事件
  beforeCreate() {},
  //实例化之后触发事件
  created() {},
  //实时监控data参数数据变化
  computed: {},
  //模板组件
  components: {},
  //执行方法
  methods: {},
  mounted() {}
  //路由退出时候调用
  //beforeRouteLeave(to, from, next){next()}
};
</script>

<style lang="less">

</style>
